<template>

    <van-grid clickable :column-num="4">
        <van-grid-item :to="item.route" v-for="(item , index) in navList" :key=" 'nav' + index">
            <van-icon :name="item.name" color="#1486fa" />
            <p style="font-size: 12px;">{{ item.int }}</p>
        </van-grid-item>
    </van-grid>
    
</template>

<script setup lang="ts">
import { ref } from 'vue';
  
  // 首页简介导航  
  const navList = ref([
    {name:'wap-home', route:'/overview', int:'医院概述'},
    {name:'comment', route:'/register', int:'科室介绍'},
    {name:'manager', route:'/famousdoctor', int:'名医专区'},
    {name:'phone-circle', route:'/register', int:'快速问诊'},
  ])

</script>

<style scoped lang="scss">

</style>